<template>
  <div class="wrap">
    <h1>less 函数 function </h1>
  </div>
</template>

<script>
export default {
  name: 'Function',
  props: {

  }
}

/*
  less 函数  内置了多种函数用于转换颜色，处理字符串，算数运算等等；
  例如： percentage() 函数可以将小数转换成百分数
*/
</script>


<style lang="less" scoped>
@width: 0.5;
@border-color: red;
.wrap{
  width: percentage(@width);
  border: 1px solid @border-color;
} 
</style>
